<template>
  <div id="app">
    <!-- <Parent></Parent> -->
    <!-- <bro></bro> -->
    <!-- <slotCom>
       <template v-slot:header>
              <div>顶部</div>
       </template>
     
       <template v-slot:main="{data2}">
           <div>主体</div>
           <ul>
               <li v-for="(item,index) in data2" :key="index">
                   {{item}}
               </li>
           </ul> 
       </template>
       <template v-slot:footer>
               <div>结尾</div>
       </template>

       <template v-slot="{data}"> 
           <ul>
               <li v-for="(item,index) in data" :key="index">
                   {{item}}
               </li>
           </ul>
       </template>
   </slotCom> -->
    <!-- <button @click="openModal">点击打开模态框</button> -->
    <!-- <Modal :visable="isShow" @on-success="success" @on-cancel="cancel">
      <template v-slot:tip>
        <h1>提示</h1>
      </template>
      <template v-slot:content>
        <h2>是否购买这辆保时捷</h2>
      </template>
    </Modal> -->
    <!-- <Mix></Mix> -->
    <!-- <Other1></Other1>
    <Other2></Other2> -->
    <!-- <kpalive></kpalive> -->
    <api></api>
  </div>
</template>

<script>
// import Parent from '@/components/Parent'
// import bro from '@/components/bro'
// import slotCom from '@/components/Slot.vue'
// import Modal from "./modal";
// import Mix from "./components/mix.vue"
// import Other1 from "./components/other1.vue";
// import Other2 from "./components/other2.vue";
import api from "./components/api.vue";
export default {
  provide() {
    return {
      msg: this.msg,
    };
  },
  data() {
    return {
      msg: "父组件的参数msg",
    };
  },
  components: {
    // Parent,
    // bro,
    // slotCom,
    // Modal,
    // Mix,
    // Other1,
    // Other2,
    // kpalive,
    api,
  },
};
</script>

<style></style>
